<style>
	.blog_detail_default .blog_wrapper {
	    width: 100%;
	    max-width: 680px;
	    margin: 0 auto;
	    padding: 0 30px;
	    box-sizing: border-box;
	}
	.blog_detail_default .blog_time {
	    color: #999;
	    margin: 0 0 40px;
	    text-align: center;
	}
	.blog_detail_default .blog_descript {
	    line-height: 1.5;
	}

	.blog_detail_default .blog_descript img {
	    max-width: 100%;
	}
	@media screen and (max-width: 767px){
		.blog_detail_default .blog_wrapper {
	        padding: 0 1rem;
	        width: 100%;
	        box-sizing: border-box;
	    }
	}
</style>
<div class="blog_detail_default " id="blog_detail">
  <div class="plugin-container-header"></div>
	<div class="blog_wrapper">
		<h1 class="title">{{blog.title}}</h1>
		<div class="blog_time">{{blog.published_at | date: "%Y-%m-%d"}}</div>
		<div class="blog_descript mo-editor-reset">
			{{blog.content}}
		</div>
	</div>
  <div class="plugin-container-footer"></div>
</div>

{% get_blocks route={routes.current_route} route_handle={blog.handle} limit=40 %}
{% template block_main , { blocks:blocks } %}

{% include 'page_back_button',href:"/blogs" %}
